<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<title>分类</title>
		<link rel="stylesheet" type="text/css" href="libs/font-awesome-4.6.3/css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="libs/Swiper-3.3.1/dist/css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="libs/bootstrap/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="libs/css/classify.css"/>
		
		<script src="libs/js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/Swiper-3.3.1/dist/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/classify.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<header>
			<div class="col-xs-2">
				<span class="fa fa-angle-left"></span>
			</div>
			<div class="col-xs-8">
				<span class="title">分类</span>
			</div>
			<div class="col-xs-2 ">
				<!--<span class="glyphicon glyphicon-list"></span>-->
				<div class="dropdown">
				  <button class="btn dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
				    <!--Dropdown-->
				    <!--<span class="caret"></span>-->
				    <span class="glyphicon glyphicon-list classifyBtn"></span>
				  </button>
				  <ul class="dropdown-menu classifyMenu" role="menu" aria-labelledby="dropdownMenu1">
				    <li role="presentation"><a role="menuitem" tabindex="-1" href="index.html">首页</a></li>
				    <li role="presentation"><a role="menuitem" tabindex="-1" href="classify.html">分类</a></li>
				    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">购物车</a></li>
				    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">个人中心</a></li>
				  </ul>
				</div>
			</div>
		</header>
		<div id="centerContainer">
			<div class="leftBox">
				<ul>
					<li>推荐分类</li>
					<li>潮流女装</li>
					<li>品牌男装</li>
					<li>护肤化妆</li>
					<li>家用电器</li>
					<li>推荐分类</li>
					<li>潮流女装</li>
					<li>品牌男装</li>
					<li>护肤化妆</li>
					<li>家用电器</li>
				</ul>
			</div>
			<div class="rightBox">
				<p class="titleHot">热门品牌</p>
				<div class="hotBrand">
					<a href="details.html">
					<div class="hotBrandBox">
						<img src="libs/images/57.jpg"/>
						<p>推荐分类</p>
					</div>
					</a>
					<a href="details.html">
					<div class="hotBrandBox">
						<img src="libs/images/57.jpg"/>
						<p>推荐分类</p>
					</div>
					</a>
					<a href="details.html">
					<div class="hotBrandBox">
						<img src="libs/images/57.jpg"/>
						<p>推荐分类</p>
					</div>
					</a>
					<a href="details.html">
					<div class="hotBrandBox">
						<img src="libs/images/57.jpg"/>
						<p>推荐分类</p>
					</div>
					</a>
					<a href="details.html">
					<div class="hotBrandBox">
						<img src="libs/images/57.jpg"/>
						<p>推荐分类</p>
					</div>
					</a>
					<a href="details.html">
					<div class="hotBrandBox">
						<img src="libs/images/57.jpg"/>
						<p>推荐分类</p>
					</div>
					</a>
					<a href="details.html">
					<div class="hotBrandBox">
						<img src="libs/images/57.jpg"/>
						<p>推荐分类</p>
					</div>
					</a>
					<a href="details.html">
					<div class="hotBrandBox">
						<img src="libs/images/57.jpg"/>
						<p>推荐分类</p>
					</div>
					</a>
					<a href="details.html">
					<div class="hotBrandBox">
						<img src="libs/images/57.jpg"/>
						<p>推荐分类</p>
					</div>
					</a>
					<a href="details.html">
					<div class="hotBrandBox">
						<img src="libs/images/57.jpg"/>
						<p>推荐分类</p>
					</div>
					</a>
					<a href="details.html">
					<div class="hotBrandBox">
						<img src="libs/images/57.jpg"/>
						<p>推荐分类</p>
					</div>
					</a>
				</div>
			</div>
		</div>
		<div id="footer">
			
		</div>
	</body>
</html>
